import Card from './card';

export default function List({ data }: { data: ITbteacherlist[]; }) {
	return <>
		<div className='list'>
			{data.map((it) => {
				return <Card key={it.teacher_id} data={it} />;
			})}
		</div>
		<style jsx>{`
.list{
display: flex;
flex-direction: row;
flex-wrap: wrap;
padding: 0;
}
`}</style>
	</>;
}
